<<title>我的运单</title>

<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="">主页</a>
        <a><cite>快递管理</cite></a>
        <a><cite>我的运单</cite></a>
    </div>
</div>

<div id="bill-express-list" class="layui-fluid">
    <div class="layui-card">
        <div class="layui-tab layui-tab-brief layadmin-latestData">
            <ul class="layui-tab-title">
                <li class="layui-this">全部运单<span class="layui-badge" id="bill-express-list-table-all-count">0</span></li>
                <li>运单创建成功<span class="layui-badge" id="bill-express-list-table-1-count">0</span></li>
                <li>分店已收件<span class="layui-badge" id="bill-express-list-table-2-count">0</span></li>
                <li>快件中心已揽收<span class="layui-badge" id="bill-express-list-table-3-count">0</span></li>
                <li>已发往国内<span class="layui-badge" id="bill-express-list-table-4-count">0</span></li>
                <li>清关中<span class="layui-badge" id="bill-express-list-table-5-count">0</span></li>
                <li>清关完毕<span class="layui-badge" id="bill-express-list-table-7-count">0</span></li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
                        <form class="layui-form" id="bill-express-list-query-form">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <input class="layui-input" name="waybillNo" autocomplete="off"  placeholder="运单号">
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComStore" lay-done="layui.data.done();">
                                        <select name="storeCode" class="layui-input">
                                            <option value="">请选择仓库</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComChannel" lay-done="layui.data.done();">
                                        <select name="channelCode" class="layui-input">
                                            <option value="">请选择渠道</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="startDate" autocomplete="off"  placeholder="开始时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="endDate" autocomplete="off"  placeholder="结束时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="receiverName" autocomplete="off"  placeholder="收件人">
                                </div>

                                <div class="layui-inline">
                                    <button id="bill-express-list-query-btn" class="layui-btn" lay-submit lay-filter="bill-express-list-query-submit">查询</button>
                                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <table class="layui-hide" id="bill-express-list-table-all" lay-filter="bill-express-list-table-all"></table>
                </div>

                <div class="layui-tab-item">
                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
                        <form class="layui-form" id="bill-express-list-query-form-1">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <input class="layui-input" name="waybillNo" autocomplete="off"  placeholder="运单号">
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComStore" lay-done="layui.data.done();">
                                        <select name="storeCode" class="layui-input">
                                            <option value="">请选择仓库</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComChannel" lay-done="layui.data.done();">
                                        <select name="channelCode" class="layui-input">
                                            <option value="">请选择渠道</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="startDate" autocomplete="off"  placeholder="开始时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="endDate" autocomplete="off"  placeholder="结束时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="receiverName" autocomplete="off"  placeholder="收件人">
                                </div>

                                <div class="layui-inline">
                                    <button id="bill-express-list-query-btn-1" class="layui-btn" lay-submit lay-filter="bill-express-list-query-submit-1">查询</button>
                                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <table class="layui-hide" id="bill-express-list-table-1" lay-filter="bill-express-list-table-1"></table>
                </div>

                <div class="layui-tab-item">
                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
                        <form class="layui-form" id="bill-express-list-query-form-2">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <input class="layui-input" name="waybillNo" autocomplete="off"  placeholder="运单号">
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComStore" lay-done="layui.data.done();">
                                        <select name="storeCode" class="layui-input">
                                            <option value="">请选择仓库</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComChannel" lay-done="layui.data.done();">
                                        <select name="channelCode" class="layui-input">
                                            <option value="">请选择渠道</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="startDate" autocomplete="off"  placeholder="开始时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="endDate" autocomplete="off"  placeholder="结束时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="receiverName" autocomplete="off"  placeholder="收件人">
                                </div>

                                <div class="layui-inline">
                                    <button id="bill-express-list-query-btn-2" class="layui-btn" lay-submit lay-filter="bill-express-list-query-submit-2">查询</button>
                                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <table class="layui-hide" id="bill-express-list-table-2" lay-filter="bill-express-list-table-2"></table>
                </div>

                <div class="layui-tab-item">
                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
                        <form class="layui-form" id="bill-express-list-query-form-3">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <input class="layui-input" name="waybillNo" autocomplete="off"  placeholder="运单号">
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComStore" lay-done="layui.data.done();">
                                        <select name="storeCode" class="layui-input">
                                            <option value="">请选择仓库</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComChannel" lay-done="layui.data.done();">
                                        <select name="channelCode" class="layui-input">
                                            <option value="">请选择渠道</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="startDate" autocomplete="off"  placeholder="开始时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="endDate" autocomplete="off"  placeholder="结束时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="receiverName" autocomplete="off"  placeholder="收件人">
                                </div>

                                <div class="layui-inline">
                                    <button id="bill-express-list-query-btn-3" class="layui-btn" lay-submit lay-filter="bill-express-list-query-submit-3">查询</button>
                                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <table class="layui-hide" id="bill-express-list-table-3" lay-filter="bill-express-list-table-3"></table>
                </div>

                <div class="layui-tab-item">
                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
                        <form class="layui-form" id="bill-express-list-query-form-4">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <input class="layui-input" name="waybillNo" autocomplete="off"  placeholder="运单号">
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComStore" lay-done="layui.data.done();">
                                        <select name="storeCode" class="layui-input">
                                            <option value="">请选择仓库</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComChannel" lay-done="layui.data.done();">
                                        <select name="channelCode" class="layui-input">
                                            <option value="">请选择渠道</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="startDate" autocomplete="off"  placeholder="开始时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="endDate" autocomplete="off"  placeholder="结束时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="receiverName" autocomplete="off"  placeholder="收件人">
                                </div>

                                <div class="layui-inline">
                                    <button id="bill-express-list-query-btn-4" class="layui-btn" lay-submit lay-filter="bill-express-list-query-submit-4">查询</button>
                                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <table class="layui-hide" id="bill-express-list-table-4" lay-filter="bill-express-list-table-4"></table>
                </div>

                <div class="layui-tab-item">
                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
                        <form class="layui-form" id="bill-express-list-query-form-5">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <input class="layui-input" name="waybillNo" autocomplete="off"  placeholder="运单号">
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComStore" lay-done="layui.data.done();">
                                        <select name="storeCode" class="layui-input">
                                            <option value="">请选择仓库</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComChannel" lay-done="layui.data.done();">
                                        <select name="channelCode" class="layui-input">
                                            <option value="">请选择渠道</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="startDate" autocomplete="off"  placeholder="开始时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="endDate" autocomplete="off"  placeholder="结束时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="receiverName" autocomplete="off"  placeholder="收件人">
                                </div>

                                <div class="layui-inline">
                                    <button id="bill-express-list-query-btn-5" class="layui-btn" lay-submit lay-filter="bill-express-list-query-submit-5">查询</button>
                                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <table class="layui-hide" id="bill-express-list-table-5" lay-filter="bill-express-list-table-5"></table>
                </div>

                <div class="layui-tab-item">
                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
                        <form class="layui-form" id="bill-express-list-query-form-7">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <input class="layui-input" name="waybillNo" autocomplete="off"  placeholder="运单号">
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComStore" lay-done="layui.data.done();">
                                        <select name="storeCode" class="layui-input">
                                            <option value="">请选择仓库</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <script type="text/html" template lay-url="/com/listAllComChannel" lay-done="layui.data.done();">
                                        <select name="channelCode" class="layui-input">
                                            <option value="">请选择渠道</option>
                                            {{# layui.each(d.data, function(index, item){  }}
                                            <option value="{{item.code}}">{{item.name}}</option>
                                            {{# }); }}
                                        </select>
                                    </script>
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="startDate" autocomplete="off"  placeholder="开始时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="endDate" autocomplete="off"  placeholder="结束时间">
                                </div>

                                <div class="layui-inline">
                                    <input class="layui-input" name="receiverName" autocomplete="off"  placeholder="收件人">
                                </div>

                                <div class="layui-inline">
                                    <button id="bill-express-list-query-btn-7" class="layui-btn" lay-submit lay-filter="bill-express-list-query-submit-7">查询</button>
                                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <table class="layui-hide" id="bill-express-list-table-7" lay-filter="bill-express-list-table-7"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<script id="bill-express-list-logistics-tmp" type="text/html">
    <div class="layui-card" style="margin-left: 15px; margin-top: 15px; margin-right: 15px;">
        <table id="bill-express-list-logistics-table" lay-filter="bill-express-list-logistics-table"></table>
    </div>
</script>

<script type="text/html" id="bill-express-list-table-operate-tmp">
    <a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="follow">跟踪</a>
    {{# if(d.state === 1) { }}
        <a class="layui-btn layui-btn-xs" lay-href="/bill/expressEdit/id={{d.id}}">编辑</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
    {{# } else { }}
        <a class="layui-btn layui-btn-xs layui-btn-warm" lay-href="/bill/expressDetail/id={{d.id}}">查看</a>
    {{# } }}
</script>

<script type="text/html" id="bill-express-list-table-state-tmp">
    {{# if(d.state === 1) { }} <!-- 运单创建成功 -->
        运单创建成功
    {{# } else if(d.state === 2) { }}<!--  -->
        分店已收件
    {{# } else if(d.state === 3) { }}<!--  -->
        快件中心已揽收
    {{# } else if(d.state === 4) { }}<!--  -->
        已发往国内
    {{# } else if(d.state === 5) { }}<!--  -->
        已到达海关,清关中
    {{# } else if(d.state === 6) { }}<!--  -->
        海关抽检中
    {{# } else if(d.state === 7) { }}<!--  -->
        {{# if(d.expressNo) { }}
            清关完毕,转国内快递 中通{{ d.expressNo }}
        {{# }else{ }}
            清关完毕
        {{# } }}
    {{# } }}
</script>

<script type="text/html" id="bill-express-list-table-toolbar-tmp">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="state">运单状态更新</button>
        <button class="layui-btn layui-btn-primary layui-btn-sm" lay-event="print">运单信息打印</button>
    </div>
</script>

<script>
    layui.data.done = function(){
        layui.use(['form'], function(){
            var form = layui.form;
            form.render();
        });
    };

    layui.use("expressLis", layui.factory('expressLis'));
</script>
